<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<!--商品模块-->
<div class="container yeah-hotsales" id="yeah-hotsales" style="background-color: white;">
    <!--一级导航-->
    <div class="row clearfix" >
        <div class="col-md-12 column" id="col-md-12" >
        <div class='lv1-nav lv1-nav-active'style='cursor:pointer;'>手机</div>
        <div class='lv1-nav'style='cursor:pointer;'>台式电脑</div>
        <div class='lv1-nav'style='cursor:pointer;'>笔记本</div>
        <div class='lv1-nav'style='cursor:pointer;'>平板电脑</div>
        <div class='lv1-nav'style='cursor:pointer;'>配件</div>
        </div>
    </div>
    <!--一级导航 end-->
    <!--二级导航-->
    <div class="row clearfix">
        <div class="col-md-12 column" id="yeah-nav-no"  style="padding-left:0px;
	padding-right:0px;">
            <div class="lv2-nav " v-for="(item,index) in items" v-if="index<8" id="lv2" style="width:139.7px;" v-on:click="phone(item)"  > 
            
            <img :src="item.img_url" style="cursor:pointer;width:66px;height:60px;" ><%-- <span v-if="index<1" id="ses">{{item.pid}}</span> --%>
                <!-- <a :href="item.url"  id="a" >
                    <img :src=" item.img">
                    
                </a> -->
                <p class="p1" ></p>
            </div>
            <!--更多-->
            <div class="lv2-nav-more" ><a id="lv2-nav-more" v-for="(item,index) in items" v-if="index<1"   v-on:click="more(item)"  href="#111" style="font-size:50px;color:#333;width:200px;;background:#f2f0f0;padding-top:1px;padding-bottom:1px;position:relative;top:-5px;">···</a></div>
            <!--更多 end-->
            
            
        </div>
    </div>
    <!--二级导航 end-->
    <!--三级-回收商品图片-->
    <div class="row clearfix" style="margin-top:10px;">
        <div class="col-md-12 column">
         
            <div class="row clearfix" id="yeah-nav-no-2" >
            </div>
            <div>
            <div class="product-list-pager">
              
             <p class="cp"><input type="hidden" value="1" />
                 <input type="hidden" value="1" /></p>
             <div  onclick="showpager(this)" style="cursor:pointer;display: inline;">
                 <input type="hidden" value="" />
                </div>
             <div onclick="showpager(this)" style="cursor:pointer;display: inline;">
                 <input type="hidden" value="" />
                  <a class="us_slider_control_left left" href="#yeah-us-talk-s"
           data-slide="prev" style="margin-top:-70px; ">
            <i class="left" ></i>
        </a>
                 </div>
             <div onclick="showpager(this)" style="cursor:pointer;display: inline;">
                 <input type="hidden" value="" />
                 <a class="us_slider_control_right right" href="#yeah-us-talk-s"
           data-slide="next" style="margin-top:-70px; ">
            <i class="right"></i>
        </a>
                </div>
              <div onclick="showpager(this)" style="cursor:pointer;display: inline;">
                   <input type="hidden" value="" />
                   </div>
           </div> 
            </div>
        </div>
    </div>
    <!--回收商品图片 end-->
</div>
<!--商品模块 end-->
<script>

/*  alert(document.getElementById("ses"));  */

//更多
function more(obj){
	var cid=obj.cid;
	/* alert(obj.cid); */
	/* $(".lv2-nav-more").href="sssss" */
	$('#lv2-nav-more').attr('href','fbrand?cid='+cid);  

}
//分页

function showpager(obj){
	  /* alert("进入分页"); */
		 var npage =$(obj).find("input").eq(0).val();
		/*  alert(npage); */
		 var cid =$(obj).parents(".product-list-pager").find(".cp").eq(0).find("input").eq(0).val();
		 var pid =$(obj).parents(".product-list-pager").find(".cp").eq(0).find("input").eq(1).val();
		/* alert("分类id："+cid)
		alert("品牌id："+pid) */
		 $.ajax({
				type:"post",
				data:{
					 "npage":npage,
					 "pid":pid,
					 "cid":cid
				},
				url: 'show1',
				dataType: 'json',
				success:function(data){
			      var rs =data.pageInfo.list;
					$(".product-list-pager").find(".cp").find("input").eq(0).val(data.cid);
					$(".product-list-pager").find(".cp").find("input").eq(1).val(data.pid);
					$(".product-list-pager").find("div").eq(0).find("input").eq(0).val(1);
					if(data.pageInfo.pageNum==1){
						$(".product-list-pager").find("div").eq(1).find("input").eq(0).val("");
					}else{
						$(".product-list-pager").find("div").eq(1).find("input").eq(0).val(data.pageInfo.prePage);
					}
					if(data.pageInfo.pageNum==data.pageInfo.pages){
						$(".product-list-pager").find("div").eq(2).find("input").eq(0).val();
					}else{
						$(".product-list-pager").find("div").eq(2).find("input").eq(0).val(data.pageInfo.nextPage);
					}
					if(data.pageInfo.pageNum==data.pageInfo.lastPage){
						$(".product-list-pager").find("div").eq(3).find("input").eq(0).val();
					}else{
						$(".product-list-pager").find("div").eq(3).find("input").eq(0).val(data.pageInfo.lastPage);
					}
					
					
					
					//清除原有的数据
					$("#yeah-nav-no-2").empty();
					 var it="";
					 for(var i=0;i<=rs.length;i++){
					it="<div class='col-md-3 col-sm-6 col-xs-6 column'  ><a href='toAssessValue?id="+rs[i].id+"' title='"+rs[i].model+"' id='sx'>"+
			        "<img class='goods_img' id='goods_img' style='width:268px;height:168px;' src='"+rs[i].img_url+"'/>"+
			        "</a>"+"<div style='text-align: center;' id='iphone' >"+rs[i].model+"</div>"+
					"<div style='text-align: center;margin-top:10px;'>"+"最高回收价:"+
			            "<span style='color:#ff7000;font-weight: bold' >￥:"+rs[i].backprice+"</span>"+
			        "</div></div>"
			            $("#yeah-nav-no-2").append(it);
					 } 
					
				},

				});
	} 




 



function phone(s){
		/* alert(this.pid); */
	var pid=s.pid;
	/* alert(pid); */ 
	var cid=s.cid;

/* 	alert(cid); */
$("#yeah-nav-no-2").empty();
	$.ajax({
		type: 'post',
		data:{pid:pid,cid:cid},
		url: 'showGalaxy',
		dataType: 'json',
		success:function(data){
			var rs=data.pageInfo.list;
			/* alert(rs.length); */
	   /* alert($(".product-list-pager").find(".cp").eq(0).find("input").eq(0)); */
		$(".product-list-pager").find(".cp").eq(0).find("input").eq(0).val(data.cid);
		$(".product-list-pager").find(".cp").eq(0).find("input").eq(1).val(data.pid);
		
		$(".product-list-pager").find("div").eq(0).find("input").eq(0).val(1);
		if(data.pageInfo.pageNum==1){
			$(".product-list-pager").find("div").eq(1).find("input").eq(0).val();
		}else{
			$(".product-list-pager").find("div").eq(1).find("input").eq(0).val(data.pageInfo.prePage);
		}
		if(data.pageInfo.pageNum==data.pageInfo.pages){
			$(".product-list-pager").find("div").eq(2).find("input").eq(0).val();
		}else{
			$(".product-list-pager").find("div").eq(2).find("input").eq(0).val(data.pageInfo.nextPage);
		}
		if(data.pageInfo.pageNum==data.pageInfo.lastPage){
			$(".product-list-pager").find("div").eq(3).find("input").eq(0).val();
		}else{
			$(".product-list-pager").find("div").eq(3).find("input").eq(0).val(data.pageInfo.lastPage);
		}
			
		     var it="";
		 for(var i=0;i<rs.length;i++){
			 it="<div class='col-md-3 col-sm-6 col-xs-6 column'  ><a href='toAssessValue?id="+rs[i].id+"' title='"+rs[i].model+"' id='sx'>"+
		        "<img class='goods_img' id='goods_img' style='width:268px;height:168px;' src='"+rs[i].img_url+"'/>"+
		        "</a>"+"<div style='text-align: center;' id='iphone' >"+rs[i].model+"</div>"+
				"<div style='text-align: center;margin-top:10px;'>"+"最高回收价:"+
		            "<span style='color:#ff7000;font-weight: bold' >￥:"+rs[i].backprice+"</span>"+
		        "</div></div>"
		            $("#yeah-nav-no-2").append(it);
	
		 } 
		 
		},

		});
}
	
	  
	



var flag=0;
$(function(){

	
	
	var cid=flag+1;
 	 $.ajax({
			type: 'post',
			url: 'show1',
			dataType: 'json',
			data:{
				"cid":cid
			
			},
			success:function(data){
				var rs=data.pageInfo.list;
			/* 	alert(rs.length);
		   alert($(".product-list-pager").find(".cp").eq(0).find("input").eq(0)); */
			$(".product-list-pager").find(".cp").eq(0).find("input").eq(0).val(data.cid);
			$(".product-list-pager").find(".cp").eq(0).find("input").eq(1).val(data.pid);
			
			$(".product-list-pager").find("div").eq(0).find("input").eq(0).val(1);
			$(".product-list-pager").find("div").eq(1).find("input").eq(0).val(data.pageInfo.prePage);
			$(".product-list-pager").find("div").eq(2).find("input").eq(0).val(data.pageInfo.nextPage);
			$(".product-list-pager").find("div").eq(3).find("input").eq(0).val(data.pageInfo.lastPage);
				
			     var it="";
			 for(var i=0;i<rs.length;i++){
				 it="<div class='col-md-3 col-sm-6 col-xs-6 column'  ><a href='toAssessValue?id="+rs[i].id+"' title='"+rs[i].model+"' id='sx'>"+
			        "<img class='goods_img' id='goods_img' style='width:268px;height:168px;' src='"+rs[i].img_url+"'/>"+
			        "</a>"+"<div style='text-align: center;' id='iphone' >"+rs[i].model+"</div>"+
					"<div style='text-align: center;margin-top:10px;'>"+"最高回收价:"+
			            "<span style='color:#ff7000;font-weight: bold' >￥:"+rs[i].backprice+"</span>"+
			        "</div></div>"
			            $("#yeah-nav-no-2").append(it);
			 } 
			 
			}
			}); 

	
		$.getJSON("showbrand",function (hotsales_nav,status) {

		    var vm = new Vue({
		        el:'#yeah-hotsales',
		        data: {
		            items : hotsales_nav[flag].list// 一级导航栏和二级导航栏的数据  来源json/hotslaes_nav.json
		        }
		    
		    })
		  
		    var o_lv1_nav_s = document.getElementsByClassName("lv1-nav");
		    for(var i=0;i<5;i++){
		        o_lv1_nav_s[i].index =i;
		        //alert(i);
		        //document.getElementById("a").href+=("http://localhost:8080/yehuishou/"+i); 
		        o_lv1_nav_s[i].onclick=function () {
		            flag=this.index;
		            //alert(flag);
		            vm.items=hotsales_nav[flag].list;
		            /* alert(hotsales_nav[flag]); */
		            for(var j=0;j<5;j++){
		                o_lv1_nav_s[j].className="lv1-nav";
		                //alert(o_lv1_nav_s[j]);
		                //document.getElementById("a").href="";
		               // alert(document.getElementById("a").href+="http://localhost:8080/yehuishou/"+i);
		            }
		            this.className="lv1-nav lv1-nav-active";
		           
		        }
		    }
		    
		    $(".lv1-nav").click(function(){
		    	if(flag==0){
		    		$("#yeah-nav-no-2").empty();
		    		var cid=flag+1;
		    		/* alert(cid); */
		    		
		    		  $.ajax({
		    				type: 'post',
		    				url: 'show1',
		    				dataType: 'json',
		    				data:{"cid":cid
		  },
		    				success:function(data){
		    					var rs=data.pageInfo.list;
		    				/* 	alert(rs.length);
		    			   alert($(".product-list-pager").find(".cp").eq(0).find("input").eq(0)); */
		    				$(".product-list-pager").find(".cp").eq(0).find("input").eq(0).val(data.cid);
		    				$(".product-list-pager").find(".cp").eq(0).find("input").eq(1).val(data.pid);
		    				
		    				$(".product-list-pager").find("div").eq(0).find("input").eq(0).val(1);
		    				$(".product-list-pager").find("div").eq(1).find("input").eq(0).val(data.pageInfo.prePage);
		    				$(".product-list-pager").find("div").eq(2).find("input").eq(0).val(data.pageInfo.nextPage);
		    				$(".product-list-pager").find("div").eq(3).find("input").eq(0).val(data.pageInfo.lastPage);
		    					
		    				     var it="";
		    				 for(var i=0;i<rs.length;i++){
		    					 it="<div class='col-md-3 col-sm-6 col-xs-6 column'  ><a href='toAssessValue?id="+rs[i].id+"' title='"+rs[i].model+"' id='sx'>"+
		    				        "<img class='goods_img' id='goods_img' style='width:268px;height:168px;' src='"+rs[i].img_url+"'/>"+
		    				        "</a>"+"<div style='text-align: center;' id='iphone' >"+rs[i].model+"</div>"+
		    						"<div style='text-align: center;margin-top:10px;'>"+"最高回收价:"+
		    				            "<span style='color:#ff7000;font-weight: bold' >￥:"+rs[i].backprice+"</span>"+
		    				        "</div></div>"
		    				            $("#yeah-nav-no-2").append(it);
		    				 } 
		    				 
		    				},

		    				}); 
		    		
		    		  
		    	}else{
		    		
		    		$("#yeah-nav-no-2").empty();
		    		if(flag==1){
		    			var cid=flag+1;
			    		 /* alert(cid);  */
		    			 $.ajax({
			    				type: 'post',
			    				url: 'show2',
			    				dataType: 'json',
			    				data:{cid:cid},
			    				success:function(data){
			    					var rs=data.pageInfo.list;
			    				/* 	alert(rs.length);
			    			   alert($(".product-list-pager").find(".cp").eq(0).find("input").eq(0)); */
			    				$(".product-list-pager").find(".cp").eq(0).find("input").eq(0).val(data.cid);
			    				$(".product-list-pager").find(".cp").eq(0).find("input").eq(1).val(data.pid);
			    				/* alert(data.pid); */
			    				
			    				$(".product-list-pager").find("div").eq(0).find("input").eq(0).val(1);
			    				$(".product-list-pager").find("div").eq(1).find("input").eq(0).val(data.pageInfo.prePage);
			    				$(".product-list-pager").find("div").eq(2).find("input").eq(0).val(data.pageInfo.nextPage);
			    				$(".product-list-pager").find("div").eq(3).find("input").eq(0).val(data.pageInfo.lastPage);
			    					
			    				     var it="";
			    				 for(var i=0;i<rs.length;i++){
			    					 it="<div class='col-md-3 col-sm-6 col-xs-6 column'  ><a href='toAssessValue?id="+rs[i].id+"' title='"+rs[i].model+"' id='sx'>"+
			    				        "<img class='goods_img' id='goods_img' style='width:268px;height:168px;' src='"+rs[i].img_url+"'/>"+
			    				        "</a>"+"<div style='text-align: center;' id='iphone' >"+rs[i].model+"</div>"+
			    						"<div style='text-align: center;margin-top:10px;'>"+"最高回收价:"+
			    				            "<span style='color:#ff7000;font-weight: bold' >￥:"+rs[i].backprice+"</span>"+
			    				        "</div></div>"
			    				            $("#yeah-nav-no-2").append(it);
			    				 } 
			    				 
			    				},

			    				}); 
			    		
		    		}else{
		    			$("#yeah-nav-no-2").empty();
		    			if(flag==2){
		    				var cid=flag+1;
				    		//alert(cid);
		    				$.ajax({
			    				type: 'post',
			    				url: 'show3',
			    				dataType: 'json',
			    				data:{cid:cid},
			    				success:function(data){
			    					var rs=data.pageInfo.list;
			    				/* 	alert(rs.length);
			    			   alert($(".product-list-pager").find(".cp").eq(0).find("input").eq(0)); */
			    				$(".product-list-pager").find(".cp").eq(0).find("input").eq(0).val(data.cid);
			    				$(".product-list-pager").find(".cp").eq(0).find("input").eq(1).val(data.pid);
			    				
			    				$(".product-list-pager").find("div").eq(0).find("input").eq(0).val(1);
			    				$(".product-list-pager").find("div").eq(1).find("input").eq(0).val(data.pageInfo.prePage);
			    				$(".product-list-pager").find("div").eq(2).find("input").eq(0).val(data.pageInfo.nextPage);
			    				$(".product-list-pager").find("div").eq(3).find("input").eq(0).val(data.pageInfo.lastPage);
			    					
			    				     var it="";
			    				 for(var i=0;i<rs.length;i++){
			    					 it="<div class='col-md-3 col-sm-6 col-xs-6 column'  ><a href='toAssessValue?id="+rs[i].id+"' title='"+rs[i].model+"' id='sx'>"+
			    				        "<img class='goods_img' id='goods_img' style='width:268px;height:168px;' src='"+rs[i].img_url+"'/>"+
			    				        "</a>"+"<div style='text-align: center;' id='iphone' >"+rs[i].model+"</div>"+
			    						"<div style='text-align: center;margin-top:10px;'>"+"最高回收价:"+
			    				            "<span style='color:#ff7000;font-weight: bold' >￥:"+rs[i].backprice+"</span>"+
			    				        "</div></div>"
			    				            $("#yeah-nav-no-2").append(it);
			    			
			    				 } 
			    				 
			    				},

			    				});
		    			}else{
		    				$("#yeah-nav-no-2").empty();
		    				if(flag==3){
		    					var cid=flag+1;
		    		    		//alert(cid);
		    					$.ajax({
				    				type: 'post',
				    				url: 'show4',
				    				dataType: 'json',
				    				data:{cid:cid},
				    				success:function(data){
				    					var rs=data.pageInfo.list;
				    				/* 	alert(rs.length);
				    			   alert($(".product-list-pager").find(".cp").eq(0).find("input").eq(0)); */
				    				$(".product-list-pager").find(".cp").eq(0).find("input").eq(0).val(data.cid);
				    				$(".product-list-pager").find(".cp").eq(0).find("input").eq(1).val(data.pid);
				    				
				    				$(".product-list-pager").find("div").eq(0).find("input").eq(0).val(1);
				    				$(".product-list-pager").find("div").eq(1).find("input").eq(0).val(data.pageInfo.prePage);
				    				$(".product-list-pager").find("div").eq(2).find("input").eq(0).val(data.pageInfo.nextPage);
				    				$(".product-list-pager").find("div").eq(3).find("input").eq(0).val(data.pageInfo.lastPage);
				    					
				    				     var it="";
				    				 for(var i=0;i<rs.length;i++){
				    					 it="<div class='col-md-3 col-sm-6 col-xs-6 column'  ><a href='toAssessValue?id="+rs[i].id+"' title='"+rs[i].model+"' id='sx'>"+
				    				        "<img class='goods_img' id='goods_img' style='width:268px;height:168px;' src='"+rs[i].img_url+"'/>"+
				    				        "</a>"+"<div style='text-align: center;' id='iphone' >"+rs[i].model+"</div>"+
				    						"<div style='text-align: center;margin-top:10px;'>"+"最高回收价:"+
				    				            "<span style='color:#ff7000;font-weight: bold' >￥:"+rs[i].backprice+"</span>"+
				    				        "</div></div>"
				    				            $("#yeah-nav-no-2").append(it);
				    			
				    				 } 
				    				 
				    				},

				    				});
		    				}else{
		    					$("#yeah-nav-no-2").empty();
		    					if(flag==4){
		    						var cid=flag+1;
		    			    		//alert(cid);
			    					$.ajax({
					    				type: 'post',
					    				url: 'show5',
					    				dataType: 'json',
					    				data:{cid:cid},
					    				success:function(data){
					    					var rs=data.pageInfo.list;
					    				/* 	alert(rs.length);
					    			   alert($(".product-list-pager").find(".cp").eq(0).find("input").eq(0)); */
					    				$(".product-list-pager").find(".cp").eq(0).find("input").eq(0).val(data.cid);
					    				$(".product-list-pager").find(".cp").eq(0).find("input").eq(1).val(data.pid);
					    				
					    				$(".product-list-pager").find("div").eq(0).find("input").eq(0).val(1);
					    				$(".product-list-pager").find("div").eq(1).find("input").eq(0).val(data.pageInfo.prePage);
					    				$(".product-list-pager").find("div").eq(2).find("input").eq(0).val(data.pageInfo.nextPage);
					    				$(".product-list-pager").find("div").eq(3).find("input").eq(0).val(data.pageInfo.lastPage);
					    					
					    				     var it="";
					    				 for(var i=0;i<rs.length;i++){
					    					 it="<div class='col-md-3 col-sm-6 col-xs-6 column'  ><a href='toAssessValue?id="+rs[i].id+"' title='"+rs[i].model+"' id='sx'>"+
					    				        "<img class='goods_img' id='goods_img' style='width:268px;height:168px;' src='"+rs[i].img_url+"'/>"+
					    				        "</a>"+"<div style='text-align: center;' id='iphone' >"+rs[i].model+"</div>"+
					    						"<div style='text-align: center;margin-top:10px;'>"+"最高回收价:"+
					    				            "<span style='color:#ff7000;font-weight: bold' >￥:"+rs[i].backprice+"</span>"+
					    				        "</div></div>"
					    				            $("#yeah-nav-no-2").append(it);
					    			
					    				 } 
					    				 
					    				},

					    				});
			    				}else{
			    					$("#yeah-nav-no-2").empty();
			    				}
		    				}
		    			}
		    		}
		    	}
		    	
		    	});
		});


		});
/* 	alert($("#yeah-nav-no-2").find("div").eq(0).find("a").eq(0).attr("href")); */

	


	






</script>